<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"  %>
<html lang="zh-CN">

<head>

  <title>博客-登陆</title>
  <%@ include file="common/meta.jsp"%>
  <%@ include file="common/css.jsp"%>

</head>


<body>
<!-- Navigation -->
<%@ include file="common/navigation.jsp"%>

<!-- Page Header -->
<header class="masthead" style="background-image: url('img/home-bg.jpg')">
  <div class="overlay"></div>
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-10 mx-auto">
        <div class="site-heading" style="padding-top: 100px; padding-bottom: 20px;">
          <h2>欢迎使用博客系统</h2>
          <!-- <span class="subheading">文章列表</span> -->
        </div>
      </div>
    </div>
  </div>
</header>

<!-- Main Content -->
<div class="container">
  <div class="row">
    <div class="col-lg-8 col-md-10 mx-auto">
      <p>请输入账号和密码进行登陆</p>
      <!-- Contact Form - Enter your email address on line 19 of the mail/contact_me.php file to make this form work. -->
      <!-- WARNING: Some web hosts do not allow emails to be sent through forms to common mail hosts like Gmail or Yahoo. It's recommended that you use a private domain email address! -->
      <!-- To use the contact form, your site must be on a live web host with PHP! The form will not work locally! -->
<%--      <%--%>
<%--        String error=(String)request.getAttribute("error");--%>

<%--        if(error!=null){--%>
<%--      %>--%>

      <c:if test="${error!=null}">
      <div id="error"  class='alert alert-danger'>
        ${error}
      </div>
      </c:if>

      <form action="login" method="POST" id="loginForm" novalidate>
        <div class="control-group">
          <div class="form-group floating-label-form-group controls">
            <label>账号</label>
            <input type="text" class="form-control" placeholder="账号" id="username" name="username" required
                   data-validation-required-message="账号不能为空">
            <p class="help-block text-danger"></p>
          </div>
        </div>
        <div class="control-group">
          <div class="form-group col-xs-12 floating-label-form-group controls">
            <label>密码</label>
            <input type="password" class="form-control" placeholder="密码" id="password" name="password" required
                   data-validation-required-message="密码不能为空">
            <p class="help-block text-danger"></p>
          </div>
        </div>
        <div id="success"></div>

        <div class="form-group">
          <div class="row">
            <div class="col-6">
              <button type="submit" class="btn btn-primary mt-3" id="sendMessageButton">登陆</button>
            </div>
            <div class="col-6 text-right">
              <a class="btn btn-link mt-3" href="password_forgot.html">忘记密码?</a>
              <a class="btn btn-link mt-3" href="register.html" id=>注册</a>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

<hr>
<!-- Footer -->
<%@ include file="common/footer.jsp"%>

<%-- JavaScript File--%>
<%@ include file="common/js.jsp"%>


<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/login.js"></script>

<!-- Custom scripts for this template -->
<script src="js/clean-blog.min.js"></script>

</body>

</html>
